<div class="page">
	
	<ion-card>
		<img alt="Silhouette of mountains" src="../assets/img/03.png" />
		<ion-card-header>
		  <ion-card-title>{{ userData?.get("nickname") || "未登录"}}</ion-card-title>
		</ion-card-header>
	  
		<ion-card-content *ngIf="!userData">
		  注册后，可以绑定自己的宠物，找到合适的用品
		  <ion-list>
			<ion-list>
			  <ion-item>
				<ion-input [(ngModel)]="username" label="手机号" placeholder="请输入手机账号"></ion-input>
			  </ion-item>
		  
			  <ion-item>
				<ion-input [(ngModel)]="password" label="密码" type="password" value="password"></ion-input>
			  </ion-item>
		  
			</ion-list>
		  </ion-list>
		</ion-card-content>
		<ng-container *ngIf="!userData">
			<ion-button (click)="login()" fill="clear">登录</ion-button>
			<ion-button fill="clear">注册</ion-button>
		</ng-container>
		<ng-container *ngIf="userData">
			<ion-button (click)="logout()" fill="clear">登出</ion-button>
		</ng-container>
	  </ion-card>
	 
</div>